
.container {
  max-width: 1240px;
  width: calc(100vw - 200px);
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media screen and (max-width: 1439px) {
  .container {
    margin: 0 100;
    width: 1240px;
  }
}

@media screen and (max-width: 1279px) {
  .container {
    width: calc(100vw - 40px);
    max-width: 1240px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    width: calc(100vw - 40px);
    max-width: 728px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 319px) {
  .container {
    width: calc(100vw - 40px);
    max-width: 280px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
